<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload=function(){
var input_elements=document.getElementsByTagName("input");
input_elements[2].onclick=function(){
    var a=Number(input_elements[0].value);
    var b=Number(input_elements[1].value);
    
    document.getElementsByClassName("result")[0].innerHTML=allWanshu(a,b);
}
        }
        //完数：6 1+2+3
        //封装一个函数，实现判断一个数是不是完数
        function iswanshu(n){
            var sum=0;
            for(var i=1;i<n;i++){
                if(n%i==0){
                    sum+=i;
                }
            }
            if(sum==n){
                return true;
            }else{
                return false;
            }
        }

        // 封装一个函数,实现找出任意两个之间的所有的完数功能
        function allWanshu(a,b){
            var str="";
            for(var i=a;i<=b;i++){
                if(iswanshu(i)){
                    // console.log(i);
                    str+=" <span>"+i+"</span>";
                }
            }
            return str;
        }
        //console.log(iswanshu(7));
        // allWanshu(1,1000);
    </script>
    <style>
        .result{
            width: 100%;
            height: 200px;
            border: red solid 1px;
            margin-top: 30px;
        }
        span{
            width: 150px;
            display: inline-block;
        }
    </style>
</head>
<body>
    <input type="text" placeholder="请输入第一个数">到
    <input type="text" placeholder="请输入第二个数">之间的完数有：
    <input type="button" value="计算">
    <div class="result">
        <span>     </span>
    </div>
</body>
</html>